<template>
    <div>
        <div class="d-flex ai-center jc-between">
            <div class="fs-18 fw-500 auxiliary-color">
                <span class="cur-pointer" @click="toPage('/powerStation/finance')">财务管理</span>
                <span class="ml-6 mr-6">></span>
                <span class="cur-pointer" @click="toPage('/powerStation/finance')">运营商账户总览</span>
                <span class="ml-6 mr-6">></span>
                <span>查看账户</span>
            </div>
            <div class="main-color fs-16 fw-500 cur-pointer" @click="toPage('/powerStation/finance')">
                <ft-icon name="iconfont icon-fanhui"></ft-icon>
                <span class="ml-5">返回上一级</span>
            </div>
        </div>
        <div class="d-flex ai-center jc-between mt-30">
            <div class="flex-1 mr-22 show-box">
                <div class="show-box-title">平台结算账户(元)
                    <ft-icon name="iconfont icon-icon-tip" size="16" class="cur-pointer"></ft-icon>
                </div>
            </div>
            <div class="flex-1 mr-22 show-box">
                <div class="show-box-title">累积到帐(元)</div>
            </div>
            <div class="flex-1 show-box">
                <div class="d-flex jc-between ai-center show-box-title">
                    <div>开户信息</div>
                    <div>
                        <span>查看详情</span>
                        <span class="ml-16">开户信息变更</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script setup>
const router = useRouter();
const toPage = (path) => {
    router.push(path);
}
</script>
<style lang="scss" scoped>
.show-box {
    padding: 14px 20px;
    background-color: #fff;
    &-title {
        color: #333;
    }
}
</style>